<template>
    <div>
        <n-radio-group v-model:value="checkValue" name="radiogroup">
            <n-space>
                <n-radio v-for="view in views" :key="view.value" :value="view.value">
                    {{ view.label }}
                </n-radio>
            </n-space>
        </n-radio-group>
        <base64 v-show="checkValue === 'Base64'"></base64>
        <url v-show="checkValue === 'Url'"></url>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import Base64 from './base64/index.vue'
import Url from './url/index.vue'

const checkValue = ref('Base64')
const views = ref([{
    label: 'Base64',
    value: 'Base64'
}, {
    label: 'URL',
    value: 'Url'
}])

</script>

<style scoped></style>